body {
  background-color: #fff;
}

.conceptTitle {
  font-size: 24px;
  color: #969696;
  text-align: center;
}

.concept {
  margin-top: 74px;
}

.concept-top {
  height: 60px;
  border-bottom: 1px solid #969696;
}

.text {
  width: 113px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
  color: #969696;
  margin-top: 14px;
}

.conceptbox {
  /* height: 428px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
}

.conceptImg {
  width: 95px;
  height: 95px;
  background-color: #d6ee74;
  border-radius: 10px;
  background-image: url("../images/concept1.png");
  background-repeat: no-repeat;
  background-position: center;
}

.conceptbox h3 {
  color: #646464;
  font-size: 18px;
  height: 10%;
  line-height: 42px;
  text-align: center;
}

.conceptbox p {
  width: 270px;
  font-size: 12px;
  color: #969696;
  text-align: center;
}

#con2 {
  background-image: url("../images/concept2.png");
}

#con3 {
  background-image: url("../images/concept3.png");
}

@media (min-width:992px) {
  .conceptbox {
    height: 400px;
  }
}

.brandleft {
  /* width: 168px; */
  height: 194px;
  border: 1px solid #969696;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 45px;
}

.brandtext {
  color: #969696;
  font-size: 24px;
}

.brandeng {
  width: 60px;
  height: 47px;
  color: #969696;
  font-size: 14px;
  line-height: 47px;
  text-align: center;
  border-bottom: 3px solid #969696;
  position: relative;
}

.turn {
  width: 80px;
  height: 40px;
  background-color: #969696;
  position: absolute;
  left: -60px;
  top: 77px;
  display: flex;
}

.turnleft {
  width: 40px;
  height: 100%;
  background-image: url("../images/left.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.turnright {
  width: 40px;
  height: 100%;
  background-image: url("../images/right.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.brandmid {
  height: 180px;
}

.brandmidtext {
  font-size: 12px;
  color: #969696;
  margin-top: 55px;
  margin-left: 30px;
}

.brand img {
  margin-top: 20px;
}

.more {
  width: 58px;
  height: 24px;
  background-color: #d6ee74;
  border-radius: 5px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  margin-left: auto;
  margin-top: 32px;
}

/* max就是<=的时候生效,min就是>=的时候生效 */
@media (max-width:992px) {
  .turn {
    display: none;
  }

  .brand img {
    display: block;
    margin: 0 auto;
  }
}

.product {
  background-color: #fafafa;
  margin-top: 55px;
  position: relative;
}

.product-top {
  height: 60px;
  border-bottom: 1px solid #969696;
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.title {
  font-size: 24px;
  color: #969696;
  text-align: center;
}

.info {
  width: 113px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
  color: #969696;
  margin-top: 14px;
}

.colorfa {
  background-color: #fafafa;
}

.product-down {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product1 {
  width: 60%;
  display: flex;
  justify-content: space-between;
}

.left {
  text-align: center;
}

.product2 {
  width: 25%;
}

.right {
  width: 35%;
}

.productname {
  font-size: 20px;
  color: #616e6c;
}

.intro {
  width: 80%;
  color: #616e6c;
  font-size: 12px;
}

.mtop {
  margin-top: 10px;
}

.minustop {
  margin-top: -50px;
}

.product3 {
  width: 16%;
}

.product4 {
  width: 35%;
}

.product5 {
  width: 25%;
}

@media (max-width:1200px) {

  .right {
    width: 50%;
  }

  .product1 {
    width: 100%;
  }

  .product2,
  .product3 {
    width: 40%;
    margin-top: 5vw;
  }

  .product4 {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
  }

  .product4 .intro {
    width: 100%;
  }

  .product5 {
    width: 100%;
    text-align: center;
  }
}

@media (max-width:768px) {
  .product1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    .left {
      width: 100%;
    }

    .right {
      width: 100%;
      text-align: center;

      .intro {
        width: 100%;
      }
    }
  }

  .product2 {
    width: 50%;

    .productname {
      font-size: 15px;
    }
  }

  .product3 {
    width: 50%;
    margin-top: 22vw;

    .productname {
      font-size: 15px;
    }
  }
}

/* .product2 {
  width: 20%;
  display: flex;
  flex-direction: column;
} */

.new {
  width: 450px;
  height: 80px;
  background-color: #d6ee74;
  color: #fff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}

.newleft {
  width: 80px;
  height: 50px;
  border-right: 1px solid #fff;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 18px;
  text-align: center;
}

.newleft span {
  font-size: 14px;
}

.newright {
  width: 370px;
  margin-top: 10px;
  margin-left: 30px;
  font-size: 16px;
}

.newright span {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}

.new2 {
  background-color: #fff;
  color: #000;
}

.grey {
  color: #848484;
}

.newsmore {
  width: 100px;
  height: 35px;
  background-color: #d6ee74;
  border-radius: 20px;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 88px;
  cursor: pointer;
}

.text3 {
  background-color: #fff;
}

@media (max-width:768px) {
  .new {
    width: 100%;
    height: 80px;

    .newright span {
      font-size: 10px;
    }
  }
}

footer {
  background-color: #454545;
  /* height: 240px; */
  padding-bottom: 40px;
}

.bottom_logo {
  margin-top: 55px;
  text-align: center;
}

.box {
  margin: 0 auto;
  margin-top: 55px;
}

.boxtop {
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
}

.boxdown {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.boxname {
  width: 50%;
  margin-top: 10px;
  font-size: 12px;
  color: #fff;
}

.boxname1 {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  color: #fff;
}

.QRcode {
  margin-top: 55px;
  text-align: center;
}